<template>
	<div id="app">
		<transition
			mode="out-in"
			name="app-transition"
			enter-active-class="animate__animated animate__fadeIn"
			leave-active-class="animate__animated animate__fadeOut"
			:duration="{ enter: 160, leave: 120 }"
		>
			<keep-alive>
				<router-view />
			</keep-alive>
		</transition>
	</div>
</template>

<style lang="less">
@import '@/style/reset.less';
@import '@/style/common.less';
@import '@/style/global.less';
#app {
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
		'微软雅黑', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #606266;
	background-color: @background-color;
}
</style>
